.LineChartsModal {
	width: 100%;
	height: 60vh;
}

.LabUniversalRebar {
	width: 100%;
	height: 60vh;
	overflow-y: scroll;

	&::-webkit-scrollbar {
		display: none;
	}

	& > div {
		margin: 8px 0;

		.options {
			display: flex;
			align-items: center;
			justify-content: center;

			& > button {
				margin: 0 8px;
			}
		}
	}
}

.MixingStations {
	width: 100%;

	.ant-descriptions-view {
		margin-bottom: 16px;
	}

	& > .MixingList {
		width: 100%;
		border: 1px solid rgba(5, 5, 5, 0.06);
		border-radius: 8px;
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 4px 0;

		& > div {
			flex: 1;

			&:first-child {
				min-width: 100px;
				background-color: rgba(0, 0, 0, 0.02);
			}

			&:last-child {
				& > div {
					border-right: none;
				}
			}

			& > div {
				height: 38px;

				display: flex;
				align-items: center;
				justify-content: center;
				color: rgba(0, 0, 0, 0.88);
				border-bottom: 1px solid rgba(5, 5, 5, 0.06);
				border-right: 1px solid rgba(5, 5, 5, 0.06);
				font-size: 14px;

				&:first-child {
					display: flex;
					align-items: center;
					justify-content: center;
					color: rgba(0, 0, 0, 0.65);
					background-color: rgba(0, 0, 0, 0.02);
					border-bottom: 1px solid rgba(5, 5, 5, 0.06);
					border-right: 1px solid rgba(5, 5, 5, 0.06);
					font-size: 14px;
				}

				&:last-child {
					border-bottom: none;
				}
			}
		}
	}

	& > .tips {
		padding: 4px 0;
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		font-family: ShuHeiTi;
		font-size: 16px;
	}
}

.TAPDetails {
	width: 100%;

	& > .Box {
		width: 100%;
		height: 60vh;
		display: flex;
		align-items: center;
		justify-content: center;

		& > div {
			height: 100%;
			display: flex;
			align-items: center;
			justify-content: center;
			flex-direction: column;

			&.Left {
				flex: 2;
				margin-right: 16px;

				& > div {
					flex: 1;
					width: 100%;
					overflow-y: scroll;

					&:first-child {
						margin-bottom: 16px;
					}

					&:last-child {
						display: flex;
						align-items: center;
						justify-content: center;
						font-size: 20px;
						font-family: ShuHeiTi;
						font-weight: bold;
						border-image: linear-gradient(#0003, #000, #0003) 50%/50%;
						color: white;
					}
				}
			}

			&.Right {
				flex: 3;
			}
		}
	}
}

.LabAsphaltCentralized {
	width: 100%;
	height: 60vh;

	& > div {
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
	}
}

.LabReboundHammerModal {
	width: 100%;

	& > .Title {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;

		& > div {
			box-sizing: border-box;
			border: 1px solid;
			height: 80px;
			border-right: none;
			display: flex;
			align-items: center;
			justify-content: center;
			text-align: center;
			font-size: 16px;
			font-family: YouSheBiaoTiHei;
			font-weight: 400;
			color: #262626;
			line-height: 16px;

			&:last-child {
				border-right: 1px solid #262626;
			}

			&:nth-child(2) {
				flex-direction: column;

				& > div {
					flex: 1;
					width: 100%;
					display: flex;
					align-items: center;
					justify-content: center;

					&:first-child {
						border-bottom: 1px solid #262626;
					}

					&:last-child {
						width: 100%;

						& > div {
							display: flex;
							align-items: center;
							justify-content: center;
							height: 100%;
							flex: 1;
							border-right: 1px solid #262626;

							&:last-child {
								border: none;
							}
						}
					}
				}
			}
		}
	}

	& > .List {
		width: 100%;
		border: 1px solid;
		border-top: none;
		border-bottom: none;

		& > div {
			display: flex;
			align-items: center;
			justify-content: center;
			height: 40px;
			border-bottom: 1px solid;

			&:nth-child(odd) {
				background: var(--DominantColor_01);
			}

			& > div {
				height: 100%;
				border-right: 1px solid;
				display: flex;
				align-items: center;
				justify-content: center;

				&:nth-child(1) {
					font-size: 16px;
					font-family: YouSheBiaoTiHei;
					font-weight: 400;
					color: #262626;
					line-height: 16px;
				}

				&:last-child {
					border: none;
				}

				&:nth-child(2) {
					display: flex;
					align-items: center;
					justify-content: center;

					& > div {
						height: 100%;
						display: flex;
						align-items: center;
						justify-content: center;
						flex: 1;
						border-right: 1px solid #262626;

						&:last-child {
							border: none;
						}
					}
				}
			}
		}
	}

	& > .tip {
		margin-top: 16px;
		line-height: 16px;
		color: #333;
		font-size: 14px;
		font-family: YouSheBiaoTiHei;
	}
}
